<template>
  <div class="custom_node">{{ $attrs.label }}</div>
  <Handle type="source" :position="Position[$attrs.vaildPostion]" style="opacity: 0" />
</template>
<script setup>
import { onMounted, useAttrs } from "vue";
import { Handle, Position } from "@vue-flow/core";

const attrs = useAttrs();

// onMounted(()=>{
// })
</script>
<style lang="scss" scoped>
.custom_node {
  height: 40px;
  width: 110px;
  background-image: url("@/assets/img/custom-dialog-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: #fff;
  font-size: 10px;
  line-height: 40px;
  text-align: center;
}
</style>
